<!doctype html>
<!--[if lt IE 7]> <html class="lt-ie10 lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie10 lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie10 lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="lt-ie10" lang="en"> <![endif]-->
<!--[if !IE]><!--><html lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=1024">
  <meta http-equiv="Accept-CH" content="Viewport-Width">  <!-- Dexecure -->

  <title>CodeCombat - Learn how to code by playing a game</title>
  <meta name="description" content="Learn programming with a multiplayer live coding strategy game for beginners. Learn Python or JavaScript as you defeat ogres, solve mazes, and level up. Open source HTML5 game!">

  <meta property="og:title" content="CodeCombat: Learn to Code by Playing a Game">
  <meta property="og:url" content="http://codecombat.com">
  <meta property="og:type" content="game">
  <meta property="og:image" content="http://codecombat.com/images/pages/home/play_img.png">
  <meta property="og:site_name" content="CodeCombat">

  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="CodeCombat: Learn to Code by Playing a Game">
  <meta name="twitter:url" content="http://codecombat.com">
  <meta name="twitter:site" content="CodeCombat">
  <meta name="twitter:image:src" content="http://codecombat.com/images/pages/base/logo_square_250.png">
  <meta name="twitter:description" content="Learn programming with a multiplayer live coding strategy game for beginners. Learn Python or JavaScript as you defeat ogres, solve mazes, and level up. Open source HTML5 game!">

  <link href="https://plus.google.com/115285980638641924488" rel="publisher" />
  <link rel="shortcut icon" href="/images/favicon.ico">
  <link rel="stylesheet" href="/shaTag/stylesheets/app.css">
  <link href='//fonts.googleapis.com/css?family=Merriweather' rel='stylesheet' type='text/css'>


  <script>
    var DEXECURE_URL = "/dexecure-c167a5675c.js";
    "serviceWorker"in navigator&&navigator.serviceWorker.register(DEXECURE_URL,{scope:'/'}).then(function(e){"/"!=new URL(e.scope).pathname&&console.log("Service worker scope is not /")})["catch"](function(e){console.log("Unable to register service worker.");console.log(e)});


    // Placeholder for iPad, which inspects the user object at the bottom of an injected page.

  </script>




  <!-- IE9 doesn't support defer attribute: https://github.com/h5bp/lazyweb-requests/issues/42 -->
  <!--[if IE 9]>
  <script src="/shaTag/javascripts/box2d.js"></script>
  <script src="/shaTag/javascripts/vendor.js"></script>
  <script src="/shaTag/javascripts/app.js"></script>
  <![endif]-->
  <!-- IE9 cors support breaks analytics logging: http://caniuse.com/#feat=cors -->
  <!--[if IE 9]>
  <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.2/jquery.xdomainrequest.min.js"></script>
  <![endif]-->
  <![if (gt IE 9)|(!IE)]>
  <script src="/shaTag/javascripts/vendor.js" defer></script>
  <script src="/shaTag/javascripts/app.js" defer></script>
  <![endif]>

  <script src="/user-data?sha=shaTag"></script>

  <!-- Google Analytics -->
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-39724129-1', 'auto');
    if(features.codePlay) { ga('create', 'UA-80597440-3', {name: 'codeplay'}); }
  </script>

  <script type="text/javascript">
      ;(function(p,l,o,w,i,n,g){if(!p[i]){p.GlobalSnowplowNamespace=p.GlobalSnowplowNamespace||[];
      p.GlobalSnowplowNamespace.push(i);p[i]=function(){(p[i].q=p[i].q||[]).push(arguments)
      };p[i].q=p[i].q||[];n=l.createElement(o);g=l.getElementsByTagName(o)[0];n.async=1;
      n.src=w;g.parentNode.insertBefore(n,g)}}(window,document,"script","//d2sm9kaamnsba.cloudfront.net/0ykP68INoOVRZMi42LjI.js","snowplow"));

      window.snowplow('newTracker', 'co', 'com-codecombat-main.collector.snplow.net', {
        platform: 'web',
        post: true,
        contexts: {
          webPage: true,
          performanceTiming: true
        }
      });
  </script>

  <script src="https://checkout.stripe.com/checkout.js"></script>

  <!-- CodePlay Tags Header -->

  <script>
    onLoad = function() {
      try {
        // IE10 warning
        var htmlElement = document.querySelector("html");
        if (htmlElement) {
          if ($.browser.msie && $.browser.versionNumber < 11) {
            if ((window.location.pathname || "").indexOf("web-dev-level") < 0) {
              alert("CodeCombat does not run in Internet Explorer 10 or older. Sorry!");
            }
          }
        }

        // IE8 can't handle this
        FastClick.attach(document.body);
      } catch (error) { }
      require('core/initialize');
    }
  </script>

</head>
<body class="clearfix" onload="onLoad();">
  <div id="fb-root"></div>

  <div id="page-container">
  </div>

  <div id="modal-wrapper" class="modal-content hide"></div>

  <div class="progress" id="module-load-progress">
    <div class="progress-bar"></div>
  </div>
  <!-- CodePlay Tags Footer -->
</body>
</html>
